import React,{Component} from 'react';
import img from '../../style/imgs/404.png';

class NotFound extends Component{
    state = {
        animated:''
    }
    //鼠标放入图片，图片翻转动画
    entry = () =>{
        this.setState({
            animated:'flipOutY'
        })
    }
    //鼠标移出 恢复
    out = () =>{
        this.setState({
            animated:''
        })
    }
    render(){
        return(
            <div className="center" style={{height: '100%', background: '#ececec', overflow: 'hidden'}}>
                <img src={img} className={`animated swing ${this.state.animated}`} onMouseEnter={this.entry} onMouseLeave={this.out}></img>
            </div> 
        )
    }
}

export default NotFound